<!DOCTYPE html>
<html lang="ja">
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=320, height=480">
    
    <title>貸借コード表示</title>
    <link rel="stylesheet" href="../css/common.css" />
    <!-- 
	<script type="text/javascript" src="http://menox31ns2.appspot.com/_ah/channel/jsapi"></script>
	-->
	<script type="text/javascript" src="../js/common.js"></script>
	<script type="text/javascript">
	
	//var status;
    //var channel;
    //var socket;
    //var token;
    var id;
    var status;
    
	function load() {
		// ユーザー名取得
		var loginUserName = sessionStorage.getItem("USER_NAME");
	    // ユーザー名表示
	    var loginUserNameTarget = document.getElementById('userName');
	    loginUserNameTarget.innerHTML = loginUserName;
	    
		// URLパラメータ取得
		var param = location.search;
		var params = getUrlParams(param);
		id = params["id"];
		status = params["status"];
		
    	// パラメータ生成
        var requestParam = {"id":id};
        
        // リクエスト送信
        sendRequest("tmapp/borrow/getSharingId", requestParam);
        
        // socket close
        /*
		document.body.onunload = function() {
			try {
				socket.close();
			} catch(e){}
		}
        */
	}
	
    function callback(request) {
    	// response取得
       	var json = eval( '(' + request.responseText + ')' );	// JSONを配列に変換
       	var data = json["data"]["sharingId"];
   		
       	// QRコード表示
   		var qr = document.getElementById('qr');
   		qr.innerHTML = "<img src='http://chart.apis.google.com/chart?chs=150x150&cht=qr&chl=" + data + "' width='150' height='150' class='qrcode'>";
   		
   		// 貸出番号表示
	    var txt = document.getElementById('sharingId');
	    txt.innerHTML = data;
	    
	    // チャンネルトークン取得
        //token = json["token"];
        
	    // チャンネル open
        //openChannel();
	    
		setTimeout("act()", 4000);
    }
    
    function act() {
    	// パラメータ生成
        var requestParam = {"id":id, "before_status":status};
        
        // リクエスト送信
        sendRequest2("tmapp/borrow/checkConclusion", requestParam);
        
        setTimeout("act()", 4000);
    }
    
    function callback2(request) {
    	// response取得
       	var json = eval( '(' + request.responseText + ')' );	// JSONを配列に変換
       	var ret = json["success"];
   		
       	if (ret) {
       		if (status == "1") {
       			window.alert("借入が成立しました。");
       		} else if (status == "2") {
       			window.alert("返却が成立しました。");
       		}
       		goBorrowingList();
       	}
    }
    
    // チャンネルメッセージ取得時の処理
    /*
	var onMessage= function(param) {
		var endMsg = "";
		if (status == "1") {
			endMsg = "借入";
		} else if (status == "2") {
			endMsg = "返却";
		}
		 
		alert(endMsg + "が成立しました。");
		
		goBorrowingList();
	}
    */
    
	// チャンネル open
	/*
	function openChannel() {
		channel = new goog.appengine.Channel(token);
		socket = channel.open();
		socket.onmessage = onMessage;
	}
    */
	</script>
</head>
<body onload="load()">
    <header>
    	<table class="titleLine">
    		<tr>
    			<td class="title">貸借コード表示</td>
    			<td id="userName" class="userName"></td>
    		</tr>
    	</table>
		<div class="line"></div>
		<h3>
			<a href="javascript:void(0);" onclick="logout()">ログアウト</a>
			&nbsp;>&nbsp;
			<a href="javascript:void(0);" onclick="goMenu()">メニュー</a>
			&nbsp;>&nbsp;
			<a href="javascript:void(0);" onclick="goBorrowingList()">借入・返却一覧</a>
		</h3>
		<div class="line"></div>
    </header>
    
    <article>
    	<div class="vSpaceBorrowing1"></div>
    	<div class="code">
			<p class="codeTitle">貸借コード</p>
			<p class="vSpaceBorrowing2"></p>
			<table><tr><td id="sharingId" class="codeValue"></td></tr></table>
			<p class="vSpaceBorrowing3"></p>
			<p class="codeTitle">QRコード</p>
			<p class="vSpaceBorrowing2"></p>
			<p id="qr"></p>
		</div>
		
		<p class="vSpaceBorrowing3"></p>
		
    	<div class="message">
			<table><tr><td class="codeMessage">
			貸借コードを貸与者に<br>お知らせください。
			</td></tr></table>
		</div>
    </article>
</body>
</html>